@charset "utf-8";
/* 
	2020 07 21
	doctor list
*/
.head-docidx-title{padding: .4rem .96rem;font-size: .96rem;color: #333;font-weight: bold;line-height: 1;}
.head-docidx-search{padding: .32rem .64rem;}
.head-docidx-search .head-search{width: 100%;height: 1.6rem; background: #F5F8FA; border-radius: 1.6rem;}
.head-docidx-search .header-icon-search{width: .64rem; height: .64rem; background-position: center -15rem; margin: 0 .16rem 0 .8rem;}
.head-docidx-search .search{font-size: .56rem; color: #999;}
.head-search-btn, .header-icon-search{
    background-image: url(../../../images/youlai/patient/my/myhealthy_icons.png);
    background-size: 2rem 24rem;
    background-repeat: no-repeat;
}
.go-doctor-wrap{height: 1.28rem;}
.go-doctor-fix{position: fixed;bottom: 0;left: 0;right: 0;background: #f5f9fd; z-index: 1000;}
.go-doctor-fix .go-doctor{display: block;width: 100%;height: 1.28rem;font-size: .48rem;color: #0071D1;text-align: center;line-height: 1.28rem;}

/* ****  doctor index  **** */
.textStateDown:after,.doc-icon-i,
.doc-header-wrap .header-goback,.doc-header-wrap .header-more,.doc-header-wrap .header-collection{
	background-image: url('../../../images/youlai/patient/icon/icon_hos.png');
	background-size: 2rem 20rem;background-repeat: no-repeat;
}
.mar-r20{margin-right: .8rem;}
/* title */
.border-top8{border-top: .32rem solid #F5F8FA;}
.doc-title{font-size: .72rem;color: #333;line-height: 1;font-weight: bold;}
.doc-icon-i{width: .64rem; height: .64rem;margin-right: .16rem;}
.icon-li1{ background-position: left -15rem;}
.icon-li2{ background-position: left -14rem;}
.icon-li3{ background-position: right -14rem;}
.icon-li4{ background-position: left -16.08rem;}

.textStateDown{position: relative; padding-right: .64rem; font-size: .48rem; color: #999;}
.textStateDown:after{content: " "; position: absolute; top: .12rem; right: 0; width: .48rem; height: .48rem; background-position: left -10rem; }
.textStateUp:after{top: .12rem; background-position: right -10rem; }

/* home */
.doc-home-wrap{padding: .92rem .64rem .8rem;background: #fff;}
.doc-home-title{padding-bottom: .44rem;}
.jijiu-title{padding-bottom: 0;}
.go-my-follow{position: relative;font-size: .56rem;color: #0089E4;line-height: 1;padding: .12rem .64rem .12rem 0;}
/* nav */
.nav-swiper{padding-right: .4rem;margin-bottom: .16rem;}
.nav-swiper .swiper-container {position: relative;width: 100%;height: 1.36rem;}
.nav-swiper .swiper-slide {text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: auto;}
.nav-all-con{display: none;}
.nav-swiper .swiper-slide a,
.nav-all-con ul li a{display: block; padding: 0 .64rem;height: 1.28rem;background: rgba(0, 137, 228, 0.02); border:1px solid #E0E0E0;border-radius: .16rem; font-size: .56rem;color: #999; line-height: 1.28rem;margin-right: .48rem;}
.nav-swiper .swiper-slide a.curr,
.nav-all-con ul li a.curr{background: #0089E4;border:1px solid #0089E4;color: #fff;}
.nav-swiper .swiper-container{bottom: 0;}

.nav-all-con{background: #fff; position: relative; z-index: 99;}
.nav-all-con ul li{float: left;}
.nav-all-con ul li a{margin-bottom: .32rem;}
/* list */
.re-li{padding: .8rem 0;border-top: 1px solid #E0E0E0;}
.re-li:first-child{border-top: 0;}
.re-li .li-title{font-size: .72rem;color: #222;line-height: .96rem;margin-bottom: .16rem;font-weight: bold;}
.re-li .li-text{font-size: .56rem;color: #666;line-height: .8rem;font-weight: normal;}
.re-li .li-info{font-size: .48rem;color: #999;line-height: 1.4;font-weight: normal;}
.li-video .li-pic{margin-left: .32rem;position: relative;border-radius: .16rem; overflow: hidden;}
.li-video .li-pic,.li-video .li-pic img{width: 5.12rem;height: 2.88rem;}
.li-video .li-pic .icon-play{position: absolute;top: 50%;left: 50%;width: 1.28rem;height: 1.28rem;margin: -.64rem 0 0 -.64rem;background-position: center -20rem;}
.li-video .li-title{height: 1.92rem;}
.li-voice .li-text{margin-bottom: .32rem;}
.li-article .li-text{margin-bottom: .48rem;}
.li-ask .li-text{position: relative; background: #F5F8FA; padding: .24rem .48rem;border-radius: .32rem;margin: .16rem 0 .48rem;}
.li-ask .li-text:after{
	content: ' ';position: absolute;top: -.16rem;left: 1.12rem; width: .32rem;height: .32rem;background: #F5F8FA;-webkit-transform:rotate(45deg); transform:rotate(45deg);
}
.li-ask .icon-ask{width: .72rem;height: .92rem;background-position: center -18rem;margin-right: .16rem;}
.li-voice-wrap{margin-bottom: .64rem;}
.li-voice-wrap .doc-pic{border-radius: 50%;overflow:hidden;margin-right: .32rem;}
.li-voice-wrap .doc-pic,.li-voice-wrap .doc-pic img{width: 1.28rem;height: 1.28rem;}
.li-voice-wrap .li-voice-bar{width: 6.4rem;height: 1.28rem;border-radius: 1.28rem;background: rgba(0,137,228,.5);padding: 0 .64rem 0 .4rem;font-size: .48rem;color: #fff;}
.li-voice-wrap .li-voice-bar .icon-voice{width: .72rem;height: .56rem;background-position: center -19rem;margin-right: .4rem;}
.re-list-no{padding: 2rem .6rem;font-size: .64rem;color: #666;text-align: center;}

.li-video-two .li-title{height:auto;}
.li-video-two .li-text{margin-bottom: .48rem;}
/* icon */
.icon-magnifier, .ask-icon, .idx-health-icon,.idx-dept-more:after,
.li-video .li-pic .icon-play,.li-ask .icon-ask,.li-voice-wrap .li-voice-bar .icon-voice,
.go-my-follow:after{
	background-image: url('../../../images/youlai/patient/index/index_icon01.png');
	background-size: 2rem 24rem;background-repeat: no-repeat;
}
.tinfo,.bromptbottom{font-size: .48rem;color: #666;text-align: center;padding: .8rem 0;}
.dn-list ul li .dn-li-in i{
	background-image: url('../../../images/youlai/patient/index/icon_dept.png');
	background-size: 1.48rem 24rem;background-repeat: no-repeat;
}
/* 语音播放按钮 */
.li-voice-wrap .li-voice-bar .icon-voice{width: .76rem;height: .72rem;background-position: center -18.92rem;margin-right: .36rem;}
.li-voice-wrap .li-voice-bar .play{
    background-image: url('../../../images/youlai/patient/icon/voiceplay/list_voice_play.gif');
    background-repeat:no-repeat; background-size:.96rem .96rem;background-position: -.08rem -.08rem;
}
.li-voice-wrap .li-voice-bar .loading{ 
    background-image: url('../../../images/youlai/patient/icon/voiceplay/list_voice_loading.gif');
    background-size:.72rem .72rem;background-repeat: no-repeat;background-position: 0 0;
}
.li-voice-wrap .li-voice-bar .error{
    background-image: url('../../../images/youlai/patient/icon/voiceplay/list_voice_error.png');
    background-size:.72rem .72rem;background-repeat: no-repeat;background-position: 0 0;
}
/* doc-list-text */
.doc-list-text{font-size: .56rem;color: #666;line-height: .8rem;}


/* doc header info */
.doc-header-info{background: #0071D1;padding-top: 2.24rem;}
.doc-header-info-in{background: #fff;border-radius: 1.28rem 1.28rem 0 0;}
.doc-idx-info{position: relative;padding-top: 2.16rem;}
.doc-idx-portrait{position: absolute;top: -1.92rem;left: 0;right: 0;}
.doc-idx-portrait img{display: block;width: 3.84rem;height: 3.84rem;border-radius: 50%;margin: 0 auto;}
.doc-idx-portrait .doc-certified{
	position: absolute;bottom: -.28rem;left: 50%;width: 2rem;height: .56rem;margin-left: -1rem;
    background-image: url('../../../images/youlai/patient/icon/icon_doctor_certified.png');
    background-size: 2rem .56rem;background-repeat: no-repeat;background-position: center;
}
.doc-idx-info-con{padding: .64rem .96rem .8rem;}
.docidx-info-name{color: #333;line-height: 1;margin-bottom: .32rem;}
.docidx-info-name strong{font-size: .72rem;font-weight: bold;}
.docidx-info-name span{font-size: .56rem;margin-left: .32rem;}
.docidx-info-hos{font-size: .56rem;color: #999;line-height: .8rem;text-align: center;}
.docidx-info-hos span{padding-left: .16rem;}

.doc-idx-service{padding: 0 .14rem .8rem;}
.doc-idx-service dl{padding: .1rem .2rem .2rem;}
.doc-idx-service dl dt{font-size: .48rem;color: #999;line-height: 1;margin-bottom: .36rem;}
.doc-idx-service dl dd{font-size: .48rem;color: #333;line-height: 1;}
.doc-idx-service dl dd strong{font-size: .72rem;font-weight: bold;}

/* doctor-header */
.doc-header-wrap{height: 1.76rem;background: #0071D1;}
.doc-header-wrap .doc-header-w{width: 3.52rem;}
.header-doc-name{display: none; font-size: .64rem;color: #fff;text-align: center;}

.doc-header-wrap .header-goback {
	display: block;
    width: .8rem;
    height: .8rem;margin-left: .96rem;
    margin-right: .16rem;background-position: left -1rem;
}
.doc-header-wrap .header-more {
    width: .96rem;
    height: .96rem;
    background-position: center -18rem;
}
.doc-header-wrap .header-collection {
    width: .96rem;
    height: .96rem;margin-right: .88rem;
    background-position: left -11rem;
}
.doc-header-wrap .header-collection.ok{
	background-position: right -11rem;
}

/* header more */
.nav-fix-black {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); z-index: 10003; }
.header-more-popup{display: none; position: fixed;top: 1.88rem;right: .56rem;background: #fff;border-radius: .16rem; z-index: 10004; }
.header-more-popup.headerapp{ top: 3.68rem;}
.header-more-popup ul li{ border-bottom: 1px solid #E0E0E0;}
.header-more-popup ul li:last-child{border-bottom: 0;}
.header-more-popup ul li a{position: relative;}
.header-more-popup ul li a{display: block;padding: 0 .8rem 0 1.92rem;line-height: 1.92rem;font-size: .64rem;color: #333;}
.header-more-popup ul li a:after{content: ' ';position: absolute;top: .56rem;left: .8rem;width: .8rem;height: .8rem;}
.header-more-popup ul li:first-child a:after{background-position: right -14rem;}
.header-more-popup ul li:last-child a:after{background-position: left -14rem;}
.header-more-popup:after {content: ' '; position: absolute; top: -.2rem; right: .44rem; width: .4rem; height: .4rem; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.header-more-popup ul li a:after{
    background-image: url('../../../images/youlai/patient/icon/icon_details.png');
    background-size: 2rem 20rem;background-repeat: no-repeat;
}


















